<template>
  <div class="tabBox">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane v-if="this.menuList.includes('studentGauge')" label="学生量表" name="students">
          <students></students>
        </el-tab-pane>
        <!-- <el-tab-pane v-if="this.menuList.includes('independentReport')" label="家长量表" name="parents">
          <parents></parents>
        </el-tab-pane> -->
      </el-tabs>
    </div>
</template>
<script>
import students from './components/students'
import parents from './components/parents'
export default {
  components: {
    parents,
    students
  },
  data () {
    return {
      activeName: 'students',
      activeList: ['students', 'parents'],
      menuList: []
    }
  },
  created () {
    this.menuList = sessionStorage.getItem('list')
  },
  methods: {
    handleClick () {
      this.$cookies.set('activeName', this.activeName)
    }
  }
}
</script>
